﻿@using WebApp.Controllers
@using WebApp.Extensions

@Html.Scripts(
    @<script type="text/javascript">
         var Comm100API = Comm100API || new Object; Comm100API.chat_buttons = Comm100API.chat_buttons || [];
         var comm100_chatButton = new Object;
         comm100_chatButton.code_plan = 355;
         comm100_chatButton.div_id = 'comm100-button-355';
         Comm100API.chat_buttons.push(comm100_chatButton);
         Comm100API.site_id = 57588;
         Comm100API.main_code_plan = 355;

         var comm100_lc = document.createElement('script');
         comm100_lc.type = 'text/javascript';
         comm100_lc.async = true;
         comm100_lc.src = 'https://chatserver.comm100.com/livechat.ashx?siteId=' + Comm100API.site_id;

         var comm100_s = document.getElementsByTagName('script')[0];
         comm100_s.parentNode.insertBefore(comm100_lc, comm100_s);

         require(['Shared/_Header'], function (api) {
             $(function () { api.exec('advanceSearch'); });
         });
     </script>
)

<header>
    <div class="container">
        <h1 class="logo">
            <a href="/">
                <img alt="Sanelib" width="111" height="54" data-sticky-width="82" data-sticky-height="40" src="/Public/img/logo_60.png" title="Sanelib Solutions Pvt. Ltd.">
            </a>
        </h1>
        <div class="search">           
            <form id="advanceSearch">
                <div class="input-group">
                    <input type="text" class="form-control search" data-bind="value:advanceSearchValue, valueUpdate: 'afterkeydown', executeOnEnter: advanceSearch" placeholder="Advance Search">
                    <span class="input-group-btn">
                        <button class="btn btn-default" data-bind="click:advanceSearch"><i class="icon icon-search"></i></button>
                    </span>
                </div>
            </form>
        </div>
        <div class="social-icons">
            <ul class="social-icons">
                <li class="reddit"><a id="comm100-button-355" onclick="Comm100API.open_chat_window(event, 355);" title="Live Chat">Live Chat</a></li>
                <li class="facebook"><a href="https://www.facebook.com/pages/Sanelib-Solutions/193156564110907" target="_blank" title="Facebook">Facebook</a></li>
                <li class="twitter"><a href="https://twitter.com/Sanelib" target="_blank" title="Twitter">Twitter</a></li>
                <li class="linkedin"><a href="http://www.linkedin.com/company/sanelib-solutions/" target="_blank" title="Linkedin">Linkedin</a></li>
            </ul>
        </div>
        <nav>
            <ul class="nav nav-pills nav-top">
                <li>
                    <a href="@(Url.Action<HomeController>(x => x.About()))"><i class="icon icon-angle-right"></i>About Us</a>
                </li>
                <li>
                    <a href="@(Url.Action<HomeController>(x => x.Reach()))"><i class="icon icon-angle-right"></i>Contact Us</a>
                </li>                              
            </ul>
        </nav>
        <button class="btn btn-responsive-nav" data-toggle="collapse" data-target=".nav-main-collapse">
            <i class="icon icon-bars"></i>
        </button>
    </div>   
    @Html.Partial("_MegaMenu")
</header>